<template>
  <div class="demo">
    <div class="demo-title">自定义进度条渐变色</div>
    <div class="demo-content">
      <Progress :percent="50" :steps="3" />
      <br />
      <Progress :percent="30" :steps="5" />
      <br />
      <Progress :percent="100" :steps="5" size="small" stroke-color="#52c41a" />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import Progress from '@sscd/progress';
</script>
